@charset='utf-8';
body,html{ padding:0; margin:0; font-size:14px; color:#666; font-family: "微软雅黑","Microsoft Yahei","Hiragino Sans GB","SimHei","STHeiti" !important;}
ul,li,p,h1,h2,h3,dl,dt,dd,input{ padding:0; margin:0; list-style:none;}
a{ text-decoration:none; color:#666; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover{ color: #6eb92b !important; text-decoration: none;  -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.demo{ -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.clear{ clear:both;}
img{ vertical-align:top !important; border:none;}
input{ font-family: "微软雅黑","Microsoft Yahei","Hiragino Sans GB","SimHei","STHeiti" !important;}
input:focus{ outline: none;}
textarea:focus{ outline: none; }
.center{position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

/* 头部 */
.head-box{ width: 100%; height: 100px; background: #fff;  position: relative; z-index: 9999;}
.head-box .head{ width: 1200px; height: 100px; margin: 0 auto; }
.head-box .head .logo{ width: 260px; height: 100px; float: left; }
.head-box .head .logo img{ width: 260px; }
.head-box .head .menu{ width: 600px; height: 100px; float: left;}
.head-box .head .menu ul li{ display: block; width: 84px; height: 100px; float: left; position: relative;}
.head-box .head .menu ul li a{ display: block; width: 100%; height: 100px; text-align: center; line-height: 100px; font-size: 15px; }
.head-box .head .menu ul li a.current{ color: #6eb92b; font-weight: bold; }
.head-box .head .menu ul li .sub-icon{ width: 23px; height: 13px; position: absolute; top: 80px; left: 50%; margin-left: -11px; z-index: 2; display: none;}
.head-box .head .menu ul li .sub-icon img{ vertical-align: top !important;}
.head-box .head .menu ul li .sub-list{ display: none; width: 150%; height: auto; background: #fff; padding: 10px 0; box-shadow: 0 0px 5px rgba(0,0,0,0.1); position: absolute; left: 0; top: 93px; z-index: 1; border-radius: 5px;}
.head-box .head .menu ul li .sub-list a{ display: block; width: 100%; height: 35px; line-height: 35px; text-align:center;font-size: 12px; }
.head-box .head .menu ul li:hover .sub-icon{ display: block; animation: fadeInUp 0.5s linear 0s alternate forwards;}
.head-box .head .menu ul li:hover .sub-list{ display: block; animation: fadeInUp 0.2s linear 0s alternate forwards;}
.head-box .head .menu ul li:hover>a{ color: #6eb92b; }
.head-box .head .online{ width: 340px; float: left; height: 100px; }
.head-box .head .online a{ display: block; width: 90px; margin-left: 10px; height: 31px; margin-top: 35px; float: left; line-height: 31px; text-align: center; background: #333; color: #fff; border-radius: 5px; font-size: 12px;}
.head-box .head .online a:nth-child(1){ background: #6eb92b; width: 120px;}
.head-box .head .online a:nth-child(2){ background: #f47410; }
.head-box .head .online a:hover{ color: #fff !important; }

/* 底部 */
.bottom-box{ width: 100%; height: auto; padding: 55px 0; background: #f1f1f1; }
.bottom-box .bottom{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }
.bottom-box .bottom ul{ display: block; width: 300px; height: auto; float: left; position: relative; box-sizing: border-box; padding-right: 50px; }
.bottom-box .bottom ul li{ display: block; width: 100%; height: auto; box-sizing: border-box; padding: 5px 0 5px 24px; position: relative; }
.bottom-box .bottom ul li img{ position: absolute; left: 0; top: 5px; }
.bottom-box .bottom .bot-tit{ display: block; width: 100%; height: auto; font-size: 20px; font-family: '黑体'; color: #333; padding-bottom: 20px; }
.bottom-box .bottom .bot-code{ width: 300px; height: auto; float: left; position: relative; box-sizing: border-box; padding-left: 100px; }
.bottom-box .bottom .bot-code .bot-wx{ width: 66px; height: 66px; background: #6eb92b; cursor: pointer; position: relative;}
.bottom-box .bottom .bot-code .bot-wx .bot-wx-img{ width: 115px; height: 115px; position: absolute; right: 66px; top: 50%; margin-top: -57.5px; background: #fff; display: none; }
.bottom-box .bottom .bot-code .bot-wx .bot-wx-img img{ width: 115px; height: 115px; }
.bottom-box .bottom .bot-code .bot-wx:hover .bot-wx-img{ display: block; animation: submenu 0.5s linear 0s alternate forwards; }
.bottom-box .bottom .bot-code .bot-wx:hover .code-icon{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transition:all .7s ease;-moz-transition:all .7s ease;transition:all .7s ease;}
.bottom-box .bottom .bot-code .bot-qq{ width: 66px; height: 66px; background: #333; cursor: pointer; margin-left: 66px; }
.bottom-box .bottom .bot-code .bot-qq a{ width: 66px; height: 66px; display: block; position: relative; }
.bottom-box .bottom .bot-code .bot-qq a:hover .code-icon{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transition:all .7s ease;-moz-transition:all .7s ease;transition:all .7s ease;}
.bottom-box .bottom .bot-code .bot-ph{ width: 66px; height: 66px; background: #fe5d02; cursor: pointer; position: relative; }
.bottom-box .bottom .bot-code .bot-ph .bot-ph-tel{ width: 240px; height: 66px; background: #fe6e02; position: absolute; right: 66px; top: 0; line-height: 66px; color: #fff; font-size: 30px; text-align: center; display: none; }
.bottom-box .bottom .bot-code .bot-ph:hover .bot-ph-tel{ display: block; animation: submenu 0.5s linear 0s alternate forwards; }
.bottom-box .bottom .bot-code .bot-ph:hover .code-icon{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transition:all .7s ease;-moz-transition:all .7s ease;transition:all .7s ease;}
.bottom-box .bottom .bot-code .code-icon{ position: absolute; top: 15px; left: 15px; }

.footer{ width: 100%; height: 84px; line-height: 84px; border-top: solid 1px #e5e5e5; background: #f1f1f1; }
.footer span{ display: block; width: 1200px; height: 84px; margin: 0 auto; }

/* 客服 */
.cust-box{ width: 54px; height: auto; min-height: 200px; position: fixed; top: 50%; z-index: 999; right: 0; margin-top: -100px; }
.cust-box ul li{ display: block; width: 54px; height: 54px; position: relative; text-align: center; cursor: pointer;}
.cust-box ul li.cust-li1{ background: #f2690e; }
.cust-box ul li.cust-li1 .tel{ width: 180px; height: 54px; background: #f47410; position: absolute; top: 0; right: -234px; line-height: 54px; font-size: 18px; font-weight: bold; color: #fff; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.cust-box ul li.cust-li2{ background: #0092e1; }
.cust-box ul li.cust-li2 .tit{ width: 120px; height: 54px; background: #0084cb; position: absolute; top: 0; right: -234px; line-height: 54px; font-size: 18px; font-weight: bold; color: #fff; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.cust-box ul li.cust-li3{ background: #3aae1a; }
.cust-box ul li.cust-li3 .code{ width: 120px; height: 120px; position: absolute; right: -234px; top: 0; background: #fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.cust-box ul li.cust-li3 .code img{ width: 120px; height: 120px; }
.cust-box ul li .custimg{ margin-top: 15px; }
.cust-box ul .cust-top{ width: 54px; height: 24px; padding: 4px 0; background: #333; text-align: center; cursor: pointer; }
.cust-box ul .cust-top a{ display: block; width: 54px; height: 24px; }
.cust-box ul li:hover .tel{ right:54px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.cust-box ul li:hover .tit{ right:54px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.cust-box ul li:hover .code{ right: 54px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.cust-box ul li:hover img{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.cust-box ul li img{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.cust-box ul .cust-top img{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.cust-box ul .cust-top:hover img{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

/* CSS3动画 */
@-webkit-keyframes submenu{
	0%{ opacity: 0; }
	to{ opacity: 1; }
}
@keyframes submenu{
	0%{ opacity: 0; }
	to{ opacity: 1; }
}

@-webkit-keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}